<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>给你一个心 ❤️</title>
<style>
  :root{--bg:#071024}
  html,body{height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;}
  body{background:radial-gradient(ellipse at 20% 10%, #1b2340 0%, var(--bg) 40%), var(--bg); display:flex; align-items:center; justify-content:center; color:#fff;}
  .card{width:92vw; max-width:520px; padding:28px; border-radius:18px; text-align:center; box-shadow:0 8px 30px rgba(2,6,23,0.7); background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));}
  .heart{
    margin:12px auto 18px; width:260px; height:260px; display:block;
    transform-origin:center;
    animation: pop 1.2s ease-in-out infinite;
  }
  @keyframes pop {
    0%{transform:scale(1)}
    45%{transform:scale(1.06)}
    100%{transform:scale(1)}
  }
  .caption{font-size:18px; color:#ffdbe6; margin:6px 0 18px;}
  .sub{font-size:13px;color:#cbd5e1;}
  .btn{margin-top:16px; display:inline-block; padding:10px 18px; border-radius:999px; background:linear-gradient(90deg,#ff7eb3,#ff4e50); color:#fff; text-decoration:none; box-shadow:0 6px 18px rgba(255,78,80,0.14); font-weight:600;}
</style>
</head>
<body>
  <div class="card">
    <!-- SVG 心（可嵌入或替换为你的 heart.svg 链接） -->
    <svg class="heart" viewBox="0 0 512 512" role="img" aria-label="心" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="g" x1="0" x2="1">
          <stop offset="0" stop-color="#ffafbd"/>
          <stop offset="1" stop-color="#ffc3a0"/>
        </linearGradient>
        <filter id="f" x="-50%" y="-50%" width="200%" height="200%">
          <feGaussianBlur stdDeviation="8"/>
        </filter>
      </defs>
      <rect width="100%" height="100%" fill="transparent"/>
      <path d="M256 448s192-120 192-232c0-66-54-120-120-120-44 0-80 30-96 56-16-26-52-56-96-56C118 96 64 150 64 216c0 112 192 232 192 232z"
            fill="url(#g)" stroke="rgba(255,255,255,0.08)" stroke-width="6" filter="url(#f)"/>
      <path d="M176 200c10-14 28-36 80-36 52 0 70 22 80 36" fill="none" stroke="rgba(255,255,255,0.2)" stroke-width="8" stroke-linecap="round"/>
    </svg>

    <div class="caption">你是我的小世界 ❤️</div>
    <div class="sub">我会永远爱你</div>

    <div>
      <a class="btn" href="#" onclick="share();return false;">分享给朋友</a>
    </div>
  </div>

<script>
  function share(){
    alert("在微信内可使用上方菜单分享，或长按图片保存后发送给朋友。需要我生成可直接分享的图片链接吗？");
</script>
</body>
</html>